<aside class="lg-side">
    <div class="panel-heading tab-bg-dark-navy-blue okr-tab-head tab-right "></div>
    <div class="inbox-body mi-h8">
        <!-- 项目阶段 -->
        <section class="panel">
            <div class="panel-heading">
                项目状态<div id="topState" class="label"></div>
            </div>
            <div class="panel-body">
                <div class="pro-phase">
                    <ul>
                        <li id="xsLi">
                            <span>
                                <i>线索阶段
                                    <label></label>
                                </i>
                            </span>
                        </li>
                        <li id="lxLi">
                            <span>
                                <i>项目运作阶段
                                    <label></label>
                                </i>
                            </span>
                        </li>
                        <li id="htLi">
                            <span>
                                <i>合同阶段
                                    <label></label>
                                </i>
                            </span>
                        </li>
                        <li id="jfLi">
                            <span>
                                <i>交付阶段
                                    <label></label>
                                </i>
                            </span>
                        </li>
                        <li id="hkLi">
                            <span>
                                <i>回款阶段
                                    <label></label>
                                </i>
                            </span>
                        </li>
                        <li id="zzLi">
                            <span>
                                <i>终止阶段
                                    <label></label>
                                </i>
                            </span>
                        </li>
                    </ul>
                </div>
            </div>
        </section>
        <!--我的职责-->
        <!--<section class="panel">-->
            <!--<header class="panel-heading">-->
                <!--当前阶段我的角色和职责-->
            <!--</header>-->
            <!--<div class="panel-body">-->
                <!--<div class="bio-row line-row" id="jobContiner">-->

                <!--</div>-->
            <!--</div>-->
        <!--</section>-->
        <!--项目目标-->
        <!--<section class="panel">-->
            <!--<header class="panel-heading">-->
                <!--项目目标-->
                <!--<i class="add-icon icon-plus addTarget" id="isEdit" ng-show="targetIs"> 新增</i>-->
            <!--</header>-->
            <!--<div class="panel-body">-->
                <!--<div id="prointContainer" class="dlshouwen-grid-container"></div>-->
            <!--</div>-->
        <!--</section>-->
        <!-- 项目指标 -->
        <!--<section class="panel">-->
            <!--<header class="panel-heading">-->
                <!--项目指标-->
                <!--<i class="add-icon icon-plus addWarn" id="isAdd" ng-show="warnIs"> 新增</i>-->
            <!--</header>-->
            <!--<div class="panel-body">-->
                <!--<div id="proinContainer" class="dlshouwen-grid-container"></div>-->
                <!--&lt;!&ndash; <div id="proinToolBarContainer" class="dlshouwen-grid-toolbar-container"></div> &ndash;&gt;-->
            <!--</div>-->
        <!--</section>-->

        <section class="panel">
            <header class="panel-heading">
                人力信息
            </header>
            <div class="panel-body">
                <div id="rlContainer" class="dlshouwen-grid-container"></div>
            </div>
        </section>
        <!-- 项目指标 -->
        <!--<section class="panel">-->
            <!--<header class="panel-heading">-->
                <!--涉及文件-->
            <!--</header>-->
            <!--<div class="panel-body">-->
                <!--<div id="wjContainer" class="dlshouwen-grid-container"></div>-->
                <!--&lt;!&ndash; <div id="proinToolBarContainer" class="dlshouwen-grid-toolbar-container"></div> &ndash;&gt;-->
            <!--</div>-->
        <!--</section>-->

        <!-- 数据图表 -->
        <!--<div class="row">-->
            <!--<div class="col-lg-6">-->
                <!--<section class="panel">-->
                <!--<header class="panel-heading">-->
                <!--人力投入和费用分布-->
                <!--</header>-->
                <!--<div class="panel-body n-pt15">-->
                <!--<div id="" style="width: 100%;height:300px;"></div>-->
                <!--</div>-->
                <!--</section>-->
            <!--</div>-->
            <!--<div class="col-lg-6">-->
            <!--<section class="panel">-->
            <!--<header class="panel-heading">-->
            <!--出差预测和实际费用分布-->
            <!--</header>-->
            <!--<div class="panel-body n-pt15">-->
            <!--<div id="main4" style="width: 100%;height:300px;"></div>-->
            <!--</div>-->
            <!--</section>-->
            <!--</div>-->
        <!--</div>-->

        <!--<section class="panel" id="isHide">-->
            <!--<header class="panel-heading">-->
                <!--人力投入和费用分布（每天凌晨更新）-->
            <!--</header>-->
            <!--<div class="panel-body n-pt15">-->
                <!--<div id="main2" style="width: 100%;height:400px;"></div>-->
            <!--</div>-->
        <!--</section>-->

        <!--<section class="panel">-->
            <!--<header class="panel-heading">-->
                <!--<div class="search-box">-->
                    <!--<span class="tline-34">-->
                        <!--人力投入和费用按月分布（实时更新）-->
                    <!--</span>-->
                    <!--<span class="so-icon">-->
                        <!--<select class="form-control" style="float: right;width: 107px;" id="ckYear"-->
                            <!--onchange="changeYear(this.value)">-->
                            <!--<option value="2018">2018</option>-->
                            <!--<option value="2019">2019</option>-->
                            <!--<option value="2020">2020</option>-->
                            <!--<option value="2021">2021</option>-->
                        <!--</select>-->
                    <!--</span>-->
                <!--</div>-->
            <!--</header>-->
            <!--<div class="panel-body n-pt15">-->
                <!--<div id="main8" style="width: 100%;height:400px;"></div>-->
            <!--</div>-->
        <!--</section>-->
        <!--&lt;!&ndash; 数据图表 &ndash;&gt;-->
        <!--<section class="panel">-->
        <!--<header class="panel-heading">-->
        <!--采购预测和实际费用-->
        <!--</header>-->
        <!--<div class="panel-body n-pt15">-->
        <!--<div id="main7" style="width: 100%;height:300px;"></div>-->
        <!--</div>-->
        <!--</section>-->
        <!-- 基本信息 -->
        <section class="panel">
            <div class="panel-heading">
                项目信息
            </div>
            <div class="panel-body">
                <div class="bio-row">
                    <p>
                        <span>项目编号 </span>
                        <c id="proNo"></c>
                    </p>
                </div>
                <!--<div class="bio-row" id="showArea">-->
                    <!--<p>-->
                        <!--<span>所在区域 </span>-->
                        <!--<c id="proArea"></c>-->
                    <!--</p>-->
                <!--</div>-->
                <!--<div class="bio-row">-->
                    <!--<p>-->
                        <!--<span>所属部门 </span>-->
                        <!--<c id="deptName"></c>-->
                    <!--</p>-->
                <!--</div>-->
                <!--<div class="bio-row">-->
                    <!--<p>-->
                        <!--<span>项目类型 </span>-->
                        <!--<c id="proType"></c>-->
                    <!--</p>-->
                <!--</div>-->
                <div class="bio-row" id="showCus">
                    <p>
                        <span>客户名称</span>
                        <c id="cusName"></c>
                    </p>
                </div>
                <div class="bio-row">
                    <p>
                        <span>项目名称</span>
                        <c id="proName"></c>
                    </p>
                </div>
                <!--<div class="bio-row">-->
                    <!--<p>-->
                        <!--<span>优先级 </span>-->
                        <!--<c id="proLv"></c>-->
                    <!--</p>-->
                <!--</div>-->
                <!--<div class="bio-row" id="showCompare">-->
                    <!--<p>-->
                        <!--<span>预计比拼类测试 </span>-->
                        <!--<c id="isCompare"></c>-->
                    <!--</p>-->
                <!--</div>-->
                <!--<div class="bio-row" id="showSign">-->
                    <!--<p>-->
                        <!--<span>预签单日期 </span>-->
                        <!--<c id="divineSignDate"></c>-->
                    <!--</p>-->
                <!--</div>-->
                <!--<div class="bio-row" id="showHk">-->
                    <!--<p>-->
                        <!--<span>预回款日期 </span>-->
                        <!--<c id="divineHkDate"></c>-->
                    <!--</p>-->
                <!--</div>-->
                <div class="bio-row" id="showVersion">
                    <p>
                        <span>预版本发布时间 </span>
                        <c id="divineVersionTime"></c>
                    </p>
                </div>
                <div class="bio-row">
                    <p>
                        <span>项目周期 </span>
                        <c id="startTime"></c>至<c id="endTime"></c>
                    </p>
                </div>
                <div class="bio-row">
                    <p>
                        <span>当前状态 </span>
                        <c id="proState"></c>
                    </p>
                </div>
                <!--<div class="bio-row">-->
                    <!--<p>-->
                        <!--<span>紧急性 </span>-->
                        <!--<c id="urgency"></c>-->
                    <!--</p>-->
                <!--</div>-->
                <!--<div class="bio-row">-->
                    <!--<p>-->
                        <!--<span>重要性 </span>-->
                        <!--<c id="importance"></c>-->
                    <!--</p>-->
                <!--</div>-->
                <!--<div class="bio-row line-row" id="showPdLine">-->
                    <!--<p>涉及产品线</p>-->
                    <!--<c id="pdLine"></c>-->
                <!--</div>-->
                <!--<div class="bio-row line-row">-->
                    <!--<p>线索价值点描述</p>-->
                    <!--<c id="clueDesc"></c>-->
                <!--</div>-->
                <!--<div class="bio-row line-row" id="showPolucy">-->
                    <!--<p>客户决策链和关键客户描述</p>-->
                    <!--<c id="cusPolicy"></c>-->
                <!--</div>-->
                <!--<div class="bio-row line-row" id="showCompe">-->
                    <!--<p>竞争信息</p>-->
                    <!--<c id="competitor"></c>-->
                <!--</div>-->
            </div>

        </section>
        <!-- 项目成员 -->
        <section class="panel">
            <header class="panel-heading">
                项目成员
            </header>
            <div class="panel-body">
                <div class="bio-graph-info">
                    <div id="mebContainer" class="dlshouwen-grid-container"></div>
                    <div id="mebContainerPage" class="dlshouwen-grid-toolbar-container"></div>
                </div>
            </div>
        </section>
    </div>
</aside>

<script src="js/proinfo/prodate.js"></script>